<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../static/js/layui/css/layui.css" media="all">
  <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
  </style>
</head>

<body>
  <div class="layui-tab-item layui-show">
    <div class="layui-carousel" id="test1">
      <div carousel-item>
        <div><p class="layui-bg-green demo-carousel">在这里，你将以最直观的形式体验 layui！</p></div>
        <div><p class="layui-bg-red demo-carousel">在编辑器中可以执行 layui 相关的一切代码</p></div>
        <div><p class="layui-bg-blue demo-carousel">你也可以点击左侧导航针对性地试验我们提供的示例</p></div>
        <div><p class="layui-bg-orange demo-carousel">如果最左侧的导航的高度超出了你的屏幕</p></div>
        <div><p class="layui-bg-cyan demo-carousel">你可以将鼠标移入导航区域，然后滑动鼠标滚轮即可</p></div>
      </div>
    </div>
  </div>
  <blockquote class="layui-elem-quote" style="font-size: 24px;">请选择以下证据是否出现</blockquote>
  <form class="layui-form" action="">
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">EMF5级</label>
      <input type="radio" name="EMF" value="Yes" title="是">
      <input type="radio" name="EMF" value="No" title="否">
      <input type="radio" name="EMF" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">通灵盒</label>
      <input type="radio" name="Intercom" value="Yes" title="是">
      <input type="radio" name="Intercom" value="No" title="否">
      <input type="radio" name="Intercom" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">鬼魂笔记</label>
      <input type="radio" name="Notebook" value="Yes" title="是">
      <input type="radio" name="Notebook" value="No" title="否">
      <input type="radio" name="Notebook" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">点阵投影仪</label>
      <input type="radio" name="Lattice" value="Yes" title="是">
      <input type="radio" name="Lattice" value="No" title="否">
      <input type="radio" name="Lattice" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">指纹</label>
      <input type="radio" name="Fingerprint" value="Yes" title="是">
      <input type="radio" name="Fingerprint" value="No" title="否">
      <input type="radio" name="Fingerprint" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">灵球</label>
      <input type="radio" name="Ball" value="Yes" title="是">
      <input type="radio" name="Ball" value="No" title="否">
      <input type="radio" name="Ball" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 120px; text-align: left">刺骨寒温</label>
      <input type="radio" name="Cold" value="Yes" title="是">
      <input type="radio" name="Cold" value="No" title="否">
      <input type="radio" name="Cold" value="UnKnown" title="未知" checked>
    </div>
  </form>
  <blockquote class="layui-elem-quote" style="font-size: 24px;">请选择其他特征是否出现</blockquote>
  <form class="layui-form" action="">
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">没有足迹</label>
      <input type="radio" name="Footprint" value="Yes" title="是">
      <input type="radio" name="Footprint" value="No" title="否">
      <input type="radio" name="Footprint" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">可以穿墙</label>
      <input type="radio" name="Fly" value="Yes" title="是">
      <input type="radio" name="Fly" value="No" title="否">
      <input type="radio" name="Fly" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">碰到盐贼JB活跃</label>
      <input type="radio" name="Salt" value="Yes" title="是">
      <input type="radio" name="Salt" value="No" title="否">
      <input type="radio" name="Salt" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">拍照后消失</label>
      <input type="radio" name="Photo" value="Yes" title="是">
      <input type="radio" name="Photo" value="No" title="否">
      <input type="radio" name="Photo" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">贼JB喜欢扔东西</label>
      <input type="radio" name="Throw" value="Yes" title="是">
      <input type="radio" name="Throw" value="No" title="否">
      <input type="radio" name="Throw" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">地域意识贼JB强</label>
      <input type="radio" name="Stereotype" value="Yes" title="是">
      <input type="radio" name="Stereotype" value="No" title="否">
      <input type="radio" name="Stereotype" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">移动贼JB缓慢</label>
      <input type="radio" name="Slow" value="Yes" title="是">
      <input type="radio" name="Slow" value="No" title="否">
      <input type="radio" name="Slow" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">贼JB害羞</label>
      <input type="radio" name="Shy" value="Yes" title="是">
      <input type="radio" name="Shy" value="No" title="否">
      <input type="radio" name="Shy" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">进攻性贼JB强</label>
      <input type="radio" name="Aggressive" value="Yes" title="是">
      <input type="radio" name="Aggressive" value="No" title="否">
      <input type="radio" name="Aggressive" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">掉San贼JB快</label>
      <input type="radio" name="San" value="Yes" title="是">
      <input type="radio" name="San" value="No" title="否">
      <input type="radio" name="San" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">人在附近贼JB活跃</label>
      <input type="radio" name="Active" value="Yes" title="是">
      <input type="radio" name="Active" value="No" title="否">
      <input type="radio" name="Active" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">贼JB冷</label>
      <input type="radio" name="VeryCold" value="Yes" title="是">
      <input type="radio" name="VeryCold" value="No" title="否">
      <input type="radio" name="VeryCold" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">没人才出现镜头内</label>
      <input type="radio" name="Nobody" value="Yes" title="是">
      <input type="radio" name="Nobody" value="No" title="否">
      <input type="radio" name="Nobody" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">很少离开鬼屋</label>
      <input type="radio" name="Lazy" value="Yes" title="是">
      <input type="radio" name="Lazy" value="No" title="否">
      <input type="radio" name="Lazy" value="UnKnown" title="未知" checked>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" style="font-size: 16px; width: 140px; text-align: left">经常发出声音</label>
      <input type="radio" name="Noisy" value="Yes" title="是">
      <input type="radio" name="Noisy" value="No" title="否">
      <input type="radio" name="Noisy" value="UnKnown" title="未知" checked>
    </div>

  </form>

<script src="../static/js/layui/layui.js" charset="utf-8"></script>
<script>
//加载模块
layui.use(function(){
  //得到各种内置组件
  var carousel = layui.carousel //轮播
  //执行一个轮播实例
  carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,height: 200
    ,arrow: 'none' //不显示箭头
    ,anim: 'fade' //切换动画方式
  });
});
</script>
</body>

</html>